<template>
	<v-app>
		<v-content>
			<app-navagation-bar/>
			<div
				class = "maincontent"
				fill-height
			>
				<v-fade-transition
					:duration = "100"
					mode = "out-in"
				>
					<keep-alive
						include = "Problem,Status,User,Article,Announcement,Contest">
						<router-view/>
					</keep-alive>
				</v-fade-transition>
			</div>
			<Footer/>
		</v-content>
		<Snackbar/>
	</v-app>
</template>

<script>
import Footer from '@/components/footer/app';
import AppNavagationBar from '@/components/navigation/app';
import Snackbar from '@/components/snackbar/app';


export default {
	components: {
		AppNavagationBar,
		Footer,
		Snackbar,
	},

	metaInfo() {
		return {
			title: this.$root.title || 'Lutece',
			titleTemplate: '%s | Lutece',
		};
	},
};
</script>
